﻿
@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }

    </style>
}
<div id="PerformanceMeansureNew" class="font-['SourceHanSansSC']">
    <a-style-provider hash-priority="high">
        <a-config-provider :locale="vlocale">

            <header class="px-5 box-border">
                <div class="flex items-center relative  ">

                    <div v-on:click="PerformanceMeansureNewParams.countSetting.value.show=true" class="absolute right-10 flex flex-col  items-center">
                        <span class="panel-icon">
                            <i class="fa fa-gear text-primary" style="font-size:18px;cursor:pointer"></i>

                        </span>
                        配置
                    </div>

                    <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto my-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">

                        <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="PerformanceMeansureNewParams.vvback()" src="~/Assets/nimgs/exit.png" alt="返回" /></div>
                        <span class="text-[]">首页<span class="mx-2">/</span>履职考核<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">考核实施</span> </span>
                    </div>

       
                </div>
                <a-tabs v-on:change="PerformanceMeansureNewParams.tchange" type="card" style="height: 100%; width: 100%; padding: 10px 30px; box-sizing: border-box" v-model:active-key="PerformanceMeansureNewParams.cIndex.value" class="w-full h-[48px] text-[13px] rounded-lg  bg-white">
                    <a-tab-pane v-for="(e,i) in PerformanceMeansureNewParams.tabList.value" :key="e.value" :tab="e.label">
                        <template v-if="PerformanceMeansureNewParams.cIndex.value==1">
                    <div class="w-full h-min-[108px] bg-white py-8">
                        <div class="mb-5 text-[16px] font-bold text-black">筛选条件</div>
                        <a-row>
                            <a-form layout="inline"
                                    :model="PerformanceMeansureNewParams.queryParams.value">
                                <a-form-item label="年份">
                                    <a-select placeholder="请选择年份" allow-clear v-model:value="PerformanceMeansureNewParams.queryParams.value.year"
                                              style="width:120px">
                                        <a-select-option v-for="e in PerformanceMeansureNewParams.yearList.value" :value="e.value">{{e.label}}</a-select-option>

                                    </a-select>
                                </a-form-item>
                                <a-form-item label="月份">
                                    <a-select placeholder="请选择月份" allow-clear v-model:value="PerformanceMeansureNewParams.queryParams.value.month"
                                              style="width: 120px">
                                        <a-select-option v-for="e in PerformanceMeansureNewParams.monthList.value" :value="e.value">{{e.label}}</a-select-option>

                                    </a-select>
                                </a-form-item>
                                <a-form-item label="部门">
                                    <a-select placeholder="请选择部门" allow-clear :options="PerformanceMeansureNewParams.deptList.value" show-search :filter-option="PerformanceMeansureNewParams.filterOption" v-model:value="PerformanceMeansureNewParams.queryParams.value.dept"
                                              style="width:180px">


                                    </a-select>
                                </a-form-item>
                                <a-form-item>
                                    <a-button v-on:click="PerformanceMeansureNewParams.getTableList(true)" type="primary">查询</a-button>
                                 
                                </a-form-item>
                                <a-form-item>
    
                                    <a-button v-on:click="PerformanceMeansureNewParams.handleReset">重置</a-button>
                                </a-form-item>
                            </a-form>




                        </a-row>

                        <div class="flex w-full mt-10">
                            <a-card :bordered="true" class="w-full  mt-12">
                                <template #title>
                                    <div class="w-full flex justify-between items-center">
                                        <div class="flex items-center"> <div>台账列表</div> <div class="ml-7"><a-tag color="#108ee9">总数:{{PerformanceMeansureNewParams.pagination.value.total}}</a-tag></div></div>
                                        <a-button v-if="PerformanceMeansureNewParams.userinfo.value.DepartmentId==20" v-on:click="PerformanceMeansureNewParams.handleMonthAdd" type="primary">新增</a-button>
                                        @*<a-space>


            <template v-if="PerformanceMeansureNewParams.Ids.value.length==0">
                <a-tooltip>
                    <template #title>
                        未选择任何数据
                    </template>
                    <a-space>
                        <a-button disabled type="primary">批量通过</a-button>
                        <a-button disabled type="primary" danger>批量驳回</a-button>
                    </a-space>
                </a-tooltip>
            </template>
            <template v-else>
                <a-button v-on:click="PerformanceMeansureNewParams.plSubmit(true)" type="primary">批量通过</a-button>
                <a-button v-on:click="PerformanceMeansureNewParams.plSubmit(false)" type="primary" danger>批量驳回</a-button>
            </template>
            <a-button v-on:click="PerformanceMeansureNewParams.handleMonthAdd" type="primary">新增</a-button>
        </a-space>*@

                                    </div>
                                </template>
                                <a-table   :loading="PerformanceMeansureNewParams.pagination.value.loading" v-on:change="PerformanceMeansureNewParams.handleTableChange" :pagination="PerformanceMeansureNewParams.pagination.value" :data-source="PerformanceMeansureNewParams.dataSource1.value" :columns="PerformanceMeansureNewParams.columns1.value">

                                </a-table>

                            </a-card>

                        </div>

                    </div>
                </template>
                        <template v-if="PerformanceMeansureNewParams.cIndex.value==0">
                            <div class="w-full h-min-[108px] bg-white py-8">
                                <div class="mb-5 text-[16px] font-bold text-black">筛选条件</div>
                                <a-row>
                                    <a-form layout="inline"
                                            :model="PerformanceMeansureNewParams.queryParams.value">
                                        <a-form-item label="年份">
                                            <a-select placeholder="请选择年份" allow-clear v-model:value="PerformanceMeansureNewParams.queryParams.value.year"
                                                      style="width: 120px">
                                                <a-select-option v-for="e in PerformanceMeansureNewParams.yearList.value" :value="e.value">{{e.label}}</a-select-option>

                                            </a-select>
                                        </a-form-item>
                                        @*<a-form-item label="月份">
                                    <a-select placeholder="请选择月份" allow-clear v-model:value="PerformanceMeansureNewParams.queryParams.value.month"
                                              style="width: 120px">
                                        <a-select-option v-for="e in PerformanceMeansureNewParams.monthList.value" :value="e.value">{{e.label}}</a-select-option>

                                    </a-select>
                                </a-form-item>*@
                                        @*<a-form-item label="状态">
                                    <a-select placeholder="请选择状态" allow-clear v-model:value="PerformanceMeansureNewParams.queryParams.value.status" :options="PerformanceMeansureNewParams.statusList.value" show-search :filter-option="PerformanceMeansureNewParams.filterOption"
                                              style="width: 180px">

                                    </a-select>
                                </a-form-item>*@
                                        <a-form-item>
                                            <a-col><a-button v-on:click="PerformanceMeansureNewParams.getTableList(true)" type="primary">查询</a-button></a-col>
                                        </a-form-item>
                                    </a-form>




                                </a-row>
                                <div class="flex w-full mt-10">
                                    <a-card :bordered="true" class="w-full  mt-12">
                                        <template #title>
                                            <div class="w-full flex justify-between items-center">
                                                <div class="flex items-center"> <div>台账列表</div> <div class="ml-7"><a-tag color="#108ee9">总数:{{ PerformanceMeansureNewParams.pagination.value.total }}</a-tag></div></div>

                                            </div>



                                        </template>


                                        <a-table  v-on:change="PerformanceMeansureNewParams.handleTableChange" :loading="PerformanceMeansureNewParams.pagination.value.loading" :pagination="PerformanceMeansureNewParams.pagination.value" :data-source="PerformanceMeansureNewParams.dataSource2.value" :columns="PerformanceMeansureNewParams.columns2.value">

                                        </a-table>

                                    </a-card>

                                </div>

                            </div>
                        </template>
                        @*<template v-if="PerformanceMeansureNewParams.cIndex.value==2">
                    <div class="w-full h-min-[108px] bg-white py-8">
                        <div class="mb-5 text-[16px] font-bold text-black">筛选条件</div>
                        <a-row>
                            <a-form layout="inline"
                                    :model="PerformanceMeansureNewParams.queryParams.value">
                                <a-form-item label="年份">
                                    <a-select placeholder="请选择年份" allow-clear v-model:value="PerformanceMeansureNewParams.queryParams.value.year"
                                              style="width:120px">
                                        <a-select-option v-for="e in PerformanceMeansureNewParams.yearList.value" :value="e.value">{{e.label}}</a-select-option>

                                    </a-select>
                                </a-form-item>

                                <a-form-item label="部门">
                                    <a-select placeholder="请选择部门" allow-clear v-model:value="PerformanceMeansureNewParams.queryParams.value.dept"
                                              style="width:180px">
                                        <a-select-option v-for="e in PerformanceMeansureNewParams.deptList.value" :value="e.value">{{e.label}}</a-select-option>

                                    </a-select>
                                </a-form-item>
                                <a-form-item>
                                    <a-col><a-button type="primary">查询</a-button></a-col>
                                </a-form-item>
                            </a-form>




                        </a-row>

                        <div class="flex w-full">
                            <a-card :bordered="true" class="w-full  mt-12">
                                <template #title>
                                    <div class="w-full flex justify-between items-center">
                                        <div class="flex items-center"> <div>各部门总分值</div> <div class="ml-7"><a-tag color="#108ee9">总数:35</a-tag></div></div>


                                    </div>



                                </template>


                                <a-table class="mt-10" :loading="PerformanceMeansureNewParams.pagination.value.loading" v-on:change="PerformanceMeansureNewParams.handleTableChange" :pagination="PerformanceMeansureNewParams.pagination.value" :data-source="PerformanceMeansureNewParams.dataSource3.value" :columns="PerformanceMeansureNewParams.columns3.value">

                                </a-table>

                            </a-card>

                        </div>

                    </div>
                </template>*@
                    </a-tab-pane>
                </a-tabs>

                <a-modal v-model:open="PerformanceMeansureNewParams.countSetting.value.show"  title="配置"  v-on:ok="PerformanceMeansureNewParams.handleCounSetting">
                    <div style='height:auto;font-size:14px'>
                        <a-form style="margin-top:20px" layout="inline">
                            <a-form-item label="自动保存频率">
                                <a-input-number id="inputNumber" v-model:value="PerformanceMeansureNewParams.countSetting.value.time" addon-after="分钟（5~60分钟）" :min="5" :max="60" />
                            </a-form-item>
                            <a-form-item label="导出字号配置">
                                <a-input-number id="inputNumber1" v-model:value="PerformanceMeansureNewParams.countSetting.value.size" addon-after="px（24~28px）" :min="24" :max="28" />
                            </a-form-item>
                        </a-form>
                            
                    </div>

                </a-modal>

                <a-modal v-model:open="PerformanceMeansureNewParams.popShow.value" width="80%" :title="PerformanceMeansureNewParams.popTitle.value" v-on:ok="PerformanceMeansureNewParams.handleOk">
                    <a-spin :spinning="PerformanceMeansureNewParams.detailPagination.value.loading" tip="加载中，请耐心等待..." />
                    @*:loading="PerformanceMeansureNewParams.detailPagination.value.loading"*@
                    <div style="width:100%; display:flex;align-items:center;justify-content:space-between">




                        <a-form style="margin-top:20px" layout="inline" :model="PerformanceMeansureNewParams.plform.value">
                            <a-form-item label="部门">
                                <a-select placeholder="请选择部门" v-on:change="PerformanceMeansureNewParams.Cdetail()" :options="PerformanceMeansureNewParams.deptList.value" show-search :filter-option="PerformanceMeansureNewParams.filterOption" allow-clear v-model:value="PerformanceMeansureNewParams.detailQueryParams.value.dept"
                                          style="width: 140px">


                                </a-select>
                            </a-form-item>
                            <a-form-item label="部门类型">
                                <a-select placeholder="部门类型" v-on:change="PerformanceMeansureNewParams.Cdetail()" :options="PerformanceMeansureNewParams.DepartmentTypeList.value" show-search :filter-option="PerformanceMeansureNewParams.filterOption" allow-clear v-model:value="PerformanceMeansureNewParams.detailQueryParams.value.type"
                                          style="width: 140px">


                                </a-select>
                            </a-form-item>
                            @*<a-form-item label="状态">
                    <a-select placeholder="请选择状态" allow-clear v-model:value="PerformanceMeansureNewParams.detailQueryParams.value.status" :options="PerformanceMeansureNewParams.statusList.value" show-search :filter-option="PerformanceMeansureNewParams.filterOption"
                              style="width: 180px">
                    </a-select>
                </a-form-item>*@
                        </a-form>
                        <a-button v-on:click="PerformanceMeansureNewParams.allpass" v-if="PerformanceMeansureNewParams.isAllPass.value" :disabled="PerformanceMeansureNewParams.Ids.value.length==0" style="margin-top:20px" type="primary">

                            一键通过

                        </a-button>

                    </div>
                    <a-table  v-if="!PerformanceMeansureNewParams.detailPagination.value.loading" :row-selection="PerformanceMeansureNewParams.rowSelection" :row-key="(record)=>record.Id" v-on:change="PerformanceMeansureNewParams.handleDetailTableChange" :pagination="PerformanceMeansureNewParams.detailPagination.value" :data-source="PerformanceMeansureNewParams.detailSource.value" :columns="PerformanceMeansureNewParams.detailColumns.value">

                    </a-table>
                </a-modal>
            </header>

        </a-config-provider>
    </a-style-provider>
</div>
@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script type="module">
        import Composition from '../../bussiness/js/pg/Performance/meansureNew.js?v=@DateTime.Now.ToString("yyyyMMddHHmmss")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('PerformanceMeansureNew', Composition, localeValues)
    </script>
}
